* {
    margin: 0px;
    padding: 0px;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: #fec6c7;
}

/* 整体 */
.box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /* height: 450px;
    width: 670px; */
    height: 560px;
    width: 690px;
    margin: 0 auto;

    background-color: #fff6f6;

    border-radius: 10px;
    box-shadow: 1px 0px 6px 0px rgb(150, 149, 149);
}

/* 过滤和新增 */
.top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    width: 520px;
    margin-top: 10px;
}

/* 表格样式 */
table,
tr,
th,
td {
    border: 1px solid;
    border-collapse: collapse;
}

table {
    width: 520px;
    height: 100px;
    margin-top: 20px;

    text-align: center;
}

.thead {
    background-color: #fe9a9a;
}

/* 偶数行的背景颜色 */
tbody tr:nth-child(even) {
    background-color: #ffe6e5;
}

/* 奇数行的背景颜色 */
tbody tr:nth-child(odd) {
    background-color: white;
}

tr {
    height: 35px;
}

.operation {
    width: 140px;
}

/* 按钮样式 */
input[type=button] {
    background-color: pink;
    border: 1px solid;
    border-radius: 9px;
    padding: 5px 10px;
    margin: 0px 5px;
}

input[type=button].del {
    background-color: rgb(254, 93, 93);
    /* color: white; */
}

input[type=text] {
    height: 22px;
}